<template>
  <ul>
    <li v-for="item in state.arr" :key="item.id">{{ item.name }}</li>
  </ul>
</template>
<script>
export default {
  setup() {
    // #1 定义数据
    const state = {
      arr: [
        {
          id: 0,
          name: 'ifer',
        },
        {
          id: 1,
          name: 'elser',
        },
        {
          id: 2,
          name: 'xxx',
        },
      ],
    }
    // #2 并导出
    return {
      state,
    }
  },
}
</script>
